  {extends 'base/site2.html'}
{block name="page_header"}{include file="common/header.html" inline}{/block}
{block name="page_nav"}{include file="common/slide-nav.html" inline}{/block}
{block name="page_styles"}
<link rel="stylesheet" type="text/css" href="/css/mediation/incoming/index.css" />
<style>
    .mytest2 li {
      float: left;
      width: 25%;
      list-style: none;
      line-height: 34px;
      padding-left: 25px;
      font-size: 12px;
    }
    .panel {
      padding-bottom: 0px;
    }
    .black-box{
      min-height: 80px;
    }
    .qudao2 {
      border: 1px solid lightgray;
      box-sizing: border-box;
      width: 100%;
      padding: 10px;
      box-shadow: 0px 1px 5px 2px #ccc;
      float: left;
    }
</style>
{/block}
{block name="page_scripts"}

{*    <script type="text/javascript" src="/js/mediation/incoming/index.min.js" init="mediation/incoming/index"></script>*}

{/block}
{block name="page_section"}

<div class="sessionPage">
	<div class="page-header">
    <div class="left">
      <span class="line"></span>
      <strong class="tit">呼出报表</strong>
    </div>
    </div>
    <div class="panel panel-headline" style="width:95%;margin:0 auto;">
        <div class="clearfix" style="overflow: hidden;font-size:13px;">
            <div class="qudao2" >
                <div class="qudao1" style="text-align:center">
                    <span class=""><h5>呼出概括</h5> </span>
                    <hr>
                </div>
                <div class="row" id="data_rows">
                    <div class="black-box">
                        <ul class="mytest2">
                            <li> <span class="nav-icon glyphicon glyphicon-headphones" aria-hidden="true"></span> 呼出总数：<span>{$countlist['callCount']}</span>通</li>
                            <li> <span class="nav-icon glyphicon glyphicon-bell" aria-hidden="true"></span> 通话时长：<span>{$countlist['callTime']}</span>秒</li>
                            <li> <span class="nav-icon glyphicon glyphicon-minus" aria-hidden="true"></span> 平均通话时长：<span>{sprintf("%.2f",$countlist['avgCallTime'])}</span>秒</li>
                            <li> <span class="nav-icon glyphicon glyphicon-sort-by-attributes" aria-hidden="true"></span> 最长通话时长：<span>{$countlist['longCallTime']}</span>秒</li>
                            <li> <span class="nav-icon glyphicon glyphicon-earphone" aria-hidden="true"></span> 已接听数：<span>{$countlist['receivedNum']}</span>通</li>
                            <li> <span class="nav-icon glyphicon glyphicon-phone-alt" aria-hidden="true"></span> 未接听数：<span>{$countlist['missedCallsNum']}</span>通</li>
                            <li> <span class="nav-icon glyphicon glyphicon-transfer" aria-hidden="true"></span> 接通率：<span>{$countlist['callCompletionRate'] * 100}%</span></li>
                        </ul>
                        </br>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <form method="get" action="" class="clearfix small-style" role="validform" enctype="multipart/form-data">
      <div class="form_row">
          <div class="form-group  col-lg-4 ui-select specail" style="display:flex;align-items:center;margin-top:10px;">
              <label for="exampleInputName2"  class="col-sm-2 control-label">调解部门:</label>
              <div class="col-sm-7">
                  <select class="form-control selectpicker"   title="请选择" name="mediationOrganId" id="mediationOrganId">
                      {foreach from=$mediationOrgan item=info}
                          <option class="u144_input_option" {if $info.id==$query.mediationOrganId}selected="selected"{/if} value="{$info.id}">{$info.name}</option>
                      {/foreach}
                  </select>
              </div>
          </div>
          <div class="form-group col-lg-5 ui-select">
              <div class="col-sm-11 date-box-parent" style="display:flex;padding-right:10px;">
                  <div class="col-sm-4">
                      <select class="form-control selectpicker" name="dataSelect" data-select="date"  title="请选择">
                          <option value="year" {if $smarty.get.dataSelect=='year'}selected{/if}>年报</option>
                          <option value="month" {if $smarty.get.dataSelect=='month'}selected{/if}>月报</option>
                          <option value="date" {if $smarty.get.dataSelect=='date'||!$smarty.get.dataSelect}selected{/if}>日报</option>
                          <option value="daterange" {if $smarty.get.dataSelect=='daterange'}selected{/if}>自定义</option>
                      </select>
                  </div>
                  &emsp;
                  <div class="col-sm-8">

                      <input class="form-control" data-ele="date" data-type="{$smarty.get.dataSelect}" name="post_date" autocomplete="off"  value="{if !empty($query['post_date'])}{$query.post_date}{/if}" placeholder="请选择~">

                  </div>
              </div>
          </div>
          <div class="form-group col-lg-4 ui-select">
              <div class="col-lg-5" style="float: right;">
                  <button class="btn btn-primary col-lg-10 shousuoBtn"><span class="nav-icon glyphicon glyphicon-search" aria-hidden="true" style="margin-right: 2px"></span>查询</button>
              </div>
              <div class="col-lg-5">
                  <a type="button" href="/callinreportforms/index" class="btn btn-default col-lg-10" ><span class="nav-icon glyphicon glyphicon-refresh" aria-hidden="true" style="margin-right: 2px"></span>重置</a>
              </div>
          </div>
          <div class="ui-select"></div>
      </div>
    </form >
    <div style="width: 95%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    overflow-x: scroll;">

        <table class=" table table-striped table-bordered table-hover text-nowrap">
        <thead>
        <tr>
            <th>调解部门</th>
            <th>坐席号</th>
            <th>调解员</th>
            <th>呼出总数</th>
            <th>通话时长</th>
            <th>平均通话时长</th>
            <th>最长通话时长</th>
            <th>已接听数</th>
            <th>未接听数</th>
            <th>接通率</th>
            <th>时间</th>
        </tr>
        </thead>
        <tbody>
        {foreach from=$list item=item key=key}
            <tr>
                <td>{$mediationOrgan[$item.mediationOrganId]['name']}</td>
                <td>{$item.workerId}</td>
                <td>{$item.mediatorName}</td>
                <td>{$item.callCount}</td>
                <td>{$item.callTime}</td>
                <td>{$item.avgCallTime}</td>
                <td>{$item.longCallTime}</td>
                <td>{$item.receivedNum}</td>
                <td>{$item.missedCallsNum}</td>
                <td>{$item.callCompletionRate * 100}%</td>
                <td>{$item.countTime}</td>
            </tr>
        {/foreach}
        </tbody>
    </table>
    </div>
</div>

{*{include file="base/pagenav.html"  action="/callinreportforms/index" pagenum=$curPageNum inline}*}
<div role-side="left" class="ui-slide-box"></div>

{/block}
